<template>
    <div class="homeBtn" @click="goHome">
        <van-icon name="wap-home-o" size="30" />
    </div>
</template>

<script>
import {
    Icon
} from "vant";

Vue.use(Icon);

export default {
    name: "homeBtn",
    components: { Icon },
    data() {
        return {
        };
    },
    methods: {
        goHome() {
            let that = this;
            that.$ac.openWin({
                name: 'home',
                url: "./home.html"
            });
        }
    }
}
</script>

<style>
.homeBtn {

    /* font-size: 12px;
    position: fixed;
    z-index: 500 !important;
    right: 0;
    top: 80%;
    width: 100px;
    height: 100px;
    border-radius: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    user-select: none;
    img {
        width: 80%;
        height: 80%;
    } */

    position: fixed;
    top: 85%;
    left: 80%;
    z-index: 500 !important;
    width: 50px;
    height: 50px;
    border-radius: 50px;
    right: 20px;
    background: rgba(0, 0, 0, 0.198);
    display: flex;
    justify-content: center;
    align-items: center;
    img {
        width: 10%;
        height: 10%;
    }
}
</style>
